<!DOCTYPE html>
<html>

<head>
<title>A very simple webpage</title>
</head>

<body>
<h1>A very simple webpage. This is an "h1" level header.</h1>

<h2>This is a level h2 header.</h2>

<h6>This is a level h6 header.  Pretty small!</h6>

<p>This is a standard paragraph.</p>

<p align=center>Now I've aligned it in the center of the screen.</p>

<p align=right>Now aligned to the right</p>

<p><b>Bold text</b></p>

<p><strong>Strongly emphasized text</strong>  Can you tell the difference vs. bold?</p>

<p><i>Italics</i></p>

<p><em>Emphasized text</em>  Just like Italics!</p>

<h2>How about a nice ordered list!</h2>
<ol>
  <li>This little piggy went to market</li>
  <li>This little piggy went to SB228 class</li>
  <li>This little piggy went to an expensive restaurant in Downtown Palo Alto</li>
  <li>This little piggy ate too much at Indian Buffet.</li>
  <li>This little piggy got lost</li>
</ol>

<h2>Unordered list</h2>
<ul>
  <li>First element</li>
  <li>Second element</li>
  <li>Third element</li>
</ul>


<p>And finally, how about some</p><a href="http://www.google.com/">Links?</a>

<p>Remember, you can view the HTMl code from this or any other page by using the "View Page Source" command of your browser.</p>

</body>

</html>

